<template>
  <div class="person">
    <h2>我是Person组件</h2>
    <h4>姓名：{{name}}</h4>
    <h4>年龄：{{age+1}}</h4>
    <h4>座驾：{{car}}</h4>
  </div>
</template>

<script>
  export default {
    name:'Person',
    // 第一种接收方式 —— 纯接收
    // props:['car','name','age']

    // 第二种接收方式 —— 接收+限制数据类型
    /* props:{
      name:String,
      age:Number,
      car:Object,
    } */

    // 第三种接收方式 —— 接收+限制数据类型+指定默认值
    props:{
      name:{
        type:String,
        default:'张三',
        required:true
      },
      age:{
        type:Number,
        default:1,
        required:true
      },
      car:{
        type:Object,
        default(){
          return {color:'黑色',price:'20万'}
        },
        required:true
      },
    }

  }
</script>

<style scoped>
  .person {
    background-color: skyblue;
    padding: 10px;
  }
</style>